li{
	list-style-type: none;
}
.nav-button{
	float:right;
}
.nav-button >li{
	float:left;
	margin-right:10px;
	list-style-type: none;
}
.show-message{
	height:200px;
	background-color:silver; 
	margin-left:20px;
	margin-right:20px;
}
.tags-box{
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}
.tags{
	float:left;
	width:18%;
	text-align: center;
	border: 1px solid #00c1de;
    box-shadow: 0 0 20px rgba(0,198,226,.5);
    max-height: 400px;
    min-height:400px;
    overflow:auto;
}
.tags-ul{
	margin:0;
}
.pre-view{
	float:right;
	width:77%;
}
.preview{
	width:100%;
	height: 150px;
	border: 1px solid #00c1de;
    box-shadow: 0 0 5px rgba(0,198,226,.5);
}
.tags-confirm{
	width:100%;
	padding:10px;
}
.tag-bag a{
	padding:3px;
}
.tag-bag a:HOVER{
	text-decoration: none;
}
.footer{
	width:100%;
	margin-top:10px;
	height: 80px;
	background-color: silver;
}

td div a i {; 
    -webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; 
} 
div a:hover i { 
    -webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg); 
    transform: rotate(180deg); 
}
.type{
	background-color: rgba(0,198,226,.5);
	padding-top:20px;
	color:grey;
}
.show-tag{
	word-wrap: break-word; 
	height: 35px;
	padding-top:15px;
}
.show-tag:HOVER{
	background-color: rgba(0,198,226,.3);
	cursor: pointer;
}
.modal-content{
	padding:20px;
}
/* .modal.fade.in{
	top:30%;
} */
.tag-confirm >div{
    height: 50px;	
}
.bg-tags{
	background-color: silver;
	border-radius:3px;
	font-size: 18px;
	padding:2px;
	margin-left:5px;	
	float:left;
}
/* .modal{
	width:auto;
} */
.tag-confirm{
	padding: 20px 0;
}
.bag-title{
	font-size: 18px;	
    color:green;
	float:left;
}
.tags-td{
	width:50%;
}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#bee1eb;}
::-webkit-scrollbar-thumb{background-color:#00aff0;}
::-webkit-scrollbar-thumb:hover {background-color:#9c3}
::-webkit-scrollbar-thumb:active {background-color:#00aff0}
::scrollbar{width:8px;}
::scrollbar-track{background-color:#bee1eb;}
::scrollbar-thumb{background-color:#00aff0;}
